<template name="logo">

	<view class="logo">
    
    
    
    <!--  #ifdef  MP-WEIXIN -->
    <!-- <view class="headzhanwei">
      
    </view> -->
    <!--  #endif -->
    
    <!-- <img v-if="back" @click="goBack" class="logo-back" src="../static/img/logo/leftbiu.png"></img> -->
    <image v-if="back" @click="goBack" class="logo-back" src=""></image>
		<view class="logo-c">
			<view class="logo-img">
				<!-- <img src="../static/img/logo/logo.png"></img> -->
        <image src=""></image>
			</view>
      <view class="line"></view>
      <view class="logo-text">
      	<text>导游从业资格</text><br>
        <text>在线考试系统</text>
      </view>
		</view>
    <!-- <img @click="goNotice" class="logo-message" src="../static/img/logo/me.png" alt=""> -->
    
    <!--  #ifndef  MP -->
      <image @click="goNotice" class="logo-message" src="" mode=""></image>
    <!--  #endif -->
    
	</view>
</template>

<script>
	export default {
		name: "logo",
    props: {
      back: {
        type: Boolean,
        default: false,
      },
      noticeUrl: {
        type: String,
        default: '../../tarbar/user/notice/notice'
      }
    },
		data() {
			return {
				//back: false,
			};
		},
    methods:{
      goBack: function(){
        uni.navigateBack({
          
        });
      },
      goNotice: function(){
        uni.navigateTo({
            url: this.noticeUrl
        });
      }
    }
	}
</script>

<style>
  .headzhanwei{
    height: 47upx;
    background-color: #FFFFFF;
  }
	.logo{
		width: 100%;
		background-color: #FFFFFF;
    overflow: hidden;
    padding: 14upx 0px;
    position: relative;
	}
  .logo-back{
    position: absolute;
    width: 45upx;
    height: 45upx;
    top: 20upx;
    left: 24upx;
  }
  
  /*  #ifdef  MP-WEIXIN */
  /* .logo .logo-back{
    top: 67upx;
  } */
  /*  #endif  */
  
  .logo-c{
    width: 350upx;
    height: 56upx;
    margin: 0 auto 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .logo-img{
    width: 160upx;
    height: 56upx;
  }
  .logo-img img{
    width: 160upx;
    height: 56upx;
  }
  .logo-img image{
    width: 160upx;
    height: 56upx;
    display: block;
  }
  .logo-text{
    width: 150upx;
    color: #666666;
    font-size: 18upx;
    line-height: 32upx;
  }
  .line{
    width: 1upx;
    height: 34upx;
    background-color: #aaaaaa;
    margin: 0 15upx;
    position: relative;
    top: 15upx;
  }
  .login .line{
    background-color: #325454;
  }
  .logo-message{
    position: absolute;
    width: 37upx;
    height: 44upx;
    top: 22upx;
    right: 26upx;
  }
  
  /*  #ifdef  MP-WEIXIN */
 /* .logo .logo-message{
    top: 69upx;
  } */
  /*  #endif  */
  
</style>
